<template>
  <div>
    <van-nav-bar title="书影音" />
    <van-tabs v-model="activeName">
      <van-tab title="电影" name="a">
        <movie></movie>
      </van-tab>
      <van-tab title="图书" name="b">
        <book></book>

      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import movie from '../views/movie/moviePage.vue'
import book from '../views/movie/bookPage.vue'

export default {
  components: { movie, book },
  data () {
    return {
      activeName: 'a'
    }
  }
}
</script>

<style scoped>
.van-nav-bar {
  /* position: fixed; */
  width: 100%;
  border-bottom: 2px solid grey;
}
.van-tabs {
  position: fixed;
  top: 100px;
  width: 100%;
}
</style>
